<template>
    <div class="OrganizationManagementCenter">
        <div class="Agencyinformation">
            <div v-for="(item1,index1) in Agencyinformation" :key="index1" class="infos">
                <div class="infoleft">
                    <div>
                        <img :src="item1.mechanism_logo" alt="">
                    </div>
                    <div class="infoleft-tile">
                        <h2>{{item1.mechanism_name}}</h2>
                        <span>{{item1.mechanism_no}}</span>
                        <span>{{item1.mechanism_telephone}}</span>
                        <span>{{item1.mechanism_addr}}</span>
                        <span>{{item1.create_time}}</span>
                    </div>
                </div>
                <div class="inforight">
                    <label>
                        <span>在售课程：{{item1.map.sale_num}}</span>
                        <span>师资力量：{{item1.map.teachers_num}}</span>
                    </label>
                    <label>
                        <span>今日收益：{{item1.map.DayEarnings}}</span>
                        <span>累计收益：{{item1.map.totalIncome}}</span>
                    </label>
                    <label>
                        <span>今日待上课数：{{item1.map.dayBeginCount}}</span>
                        <span>待上课程数：{{item1.map.beginCount}}</span>
                        <span>累计上课数：{{item1.map.historyCount}}</span>
                    </label>
                </div>
                <div class="Modify">
                    <span @click="Modify()">修改信息</span>
                </div>
            </div>
        </div>
        <div class="contents">
            <div class="navs" v-if="typeofs == 'offline_mechanism'">
                <ul>
                    <li v-for="(item2,index2) in nav" :key="index2" @click="navsed(index2)" :class="navindex == index2?'navsed':''">{{item2}}</li>
                    <span class="addcurse" v-if="navindex==1" @click="addcurse">添加课程</span>
                    <span class="addcurse" v-else-if="navindex==2" @click="addteacher()">添加老师</span>
                </ul>
            </div>
            <div class="navs" v-else-if="typeofs == 'online_mechanism'">
                <ul>
                    <li v-for="(item2,index2) in navonline" :key="index2" @click="navsed(index2)" :class="navindex == index2?'navsed':''">{{item2}}</li>
                    <!-- <span class="addcurse" v-if="navindex==1" @click="addcurse">添加课程</span> -->
                    <span class="addcurse" v-if="navindex==1" @click="addteacher()">添加老师</span>
                </ul>
            </div>
            <div  v-if="typeofs == 'offline_mechanism'">
                <div class="cshowcontent" v-if="navindex==0">
                    <div>
                        <h2>文字简介</h2>
                        <p>{{Textintroduction}}</p>
                    </div>
                    <div>
                        <h2>图片简介</h2>
                        <ul>
                            <li v-for="(itme3,index3) in introduction_pic" :key="index3">
                                <el-image 
                                    style="width: 100px; height: 100px"
                                    :src="itme3" 
                                    :preview-src-list="introduction_pic"
                                    class="elimg">
                                </el-image>
                            </li>
                        </ul>
                    </div>
                    <div>
                        <h2>相关证明材料</h2>
                        <ul>
                            <li v-for="(itme4,index4) in support_means" :key="index4">
                                <el-image 
                                    style="width: 100px; height: 100px"
                                    :src="itme4" 
                                    :preview-src-list="support_means"
                                    class="elimg">
                                </el-image>
                            </li>
                        </ul>  
                    </div>
                </div>
                <div class="cshowcontent" v-else-if="navindex==1">
                    <div class="Soldhead">
                        <div>
                            <h4>全部</h4>
                            <span>{{Statisticalinformation[0].map.sale_total_num}}</span>
                        </div>
                        <div>
                            <h4>联名课程</h4>
                            <span>{{Statisticalinformation[0].map.jointly_class_num	}}</span>
                        </div>
                        <div>
                            <h4>线下课程</h4>
                            <span>{{Statisticalinformation[0].map.mechanism_offline_num}}</span>
                        </div>
                    </div>
                    <div class="Whetherappointment">
                        <ul>
                            <li v-for="(item5,index5) in WhetherappointmentList" :key="index5" @click="Whether(index5)" :class="WhetherappointmentListindex == index5?'Whethercalss':''">
                                {{item5}}
                            </li>
                        </ul>
                    </div>
                    <div class="facultys">
                        <ul v-if="Soldincourse.length == 0" class="nodates">
                            <label>
                                <img src="/images/暂无课程安排.png" alt="">
                                <span>暂无在售课程</span>
                            </label>
                        </ul>
                        <el-row  v-else>
                            <el-col :span="8" v-for="(item6, index6) in Soldincourse" :key="index6" @click.native="todeilal(item6)">
                                <el-card :body-style="{ padding: '0px' }" shadow="hover">
                                <img :src="item6.cover" class="image">
                                <div style="padding: 14px;">
                                    <span class="facultys-title">{{item6.title}}</span>
                                    <label class="facultys-price">
                                        <span>￥{{item6.discount_amout}}</span>
                                        <span>￥{{item6.amout}}</span>
                                    </label>
                                    <div class="bottom clearfix">
                                        <el-button type="text" class="button">{{item6.type}}</el-button>
                                        <span>已有{{item6.connect_peoplenum}}人购买</span>
                                    </div>
                                </div>
                                </el-card>
                            </el-col>
                        </el-row>
                        <div class="Lvie-cl-de-con-pagination">
                            <el-pagination background layout="prev, pager, next" :total="Statisticalinformation[0].map.sale_total_num"></el-pagination>
                        </div>
                    </div>
                </div>
                <div class="cshowcontent" v-else-if="navindex==2">
                    <div class="Soldhead">
                        <div>
                            <h4>老师总数</h4>
                            <span>{{Statisticalinformation[0].map.teachers_num}}</span>
                        </div>
                        <div>
                            <h4>私教</h4>
                            <span>{{Statisticalinformation[0].map.private_num}}</span>
                        </div>
                        <div>
                            <h4>直播讲师</h4>
                            <span>{{Statisticalinformation[0].map.live_num}}</span>
                        </div>
                        <div>
                            <h4>母语助学师</h4>
                            <span>{{Statisticalinformation[0].map.mother_tongue_num}}</span>
                        </div>
                        <div>
                            <h4>跨境助学师</h4>
                            <span>{{Statisticalinformation[0].map.cross_border_num}}</span>
                        </div>
                        <div>
                            <h4>专业助学师</h4>
                            <span>{{Statisticalinformation[0].map.major_master_num}}</span>
                        </div>
                    </div>
                    <div class="Whetherappointment">
                        <ul>
                            <li v-for="(item7,index7) in teachser" :key="index7" @click="Whethers(index7)" :class="teachserindex == index7?'Whethercalss':''">
                                {{item7}}
                            </li>
                        </ul>
                    </div>
                    <div class="coursecontent">
                        <ul v-if="teacherinformation.length == 0" class="nodates">
                            <label>
                                <img src="/images/暂无课程安排.png" alt="">
                                <span>暂无认证老师</span>
                            </label>
                        </ul>
                        <ul v-else>
                            <li class="coursecontent-list" v-for="(iiem11,index11) in teacherinformation" @click="tosijiao(iiem11)" :key="index11">
                                <div>
                                    <img :src="iiem11.map.userinfo.avatar" alt="">
                                </div>
                                <div>
                                    <h3>{{iiem11.map.userinfo.nick_name}}</h3>
                                    <label>                                 
                                        <span class="fistcd">课程数：{{iiem11.map.classCount}}</span>
                                        <span>学生数:{{iiem11.map.studentCount}}</span>
                                        <span>中级</span>
                                    </label>
                                    <label class="teacherident">
                                        <span class="but" v-for="(item12,index12) in iiem11.map.masterInfoEntities1" :key="index12">{{item12.type}}</span>
                                        <!-- <span class="but">助学师</span> -->
                                        <!-- <span class="but">助学师</span> -->
                                        <!-- <span class="but">助学师</span> -->
                                    </label>
                                </div>
                                <div>
                                    <span v-if="iiem11.score == null">评分0.0</span>
                                    <span v-else>评分{{iiem11.score}}</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="Lvie-cl-de-con-pagination">
                        <el-pagination background layout="prev, pager, next" :total="Statisticalinformation[0].map.teachers_num"></el-pagination>
                    </div>
                </div>
                <div class="cshowcontent" v-else-if="navindex==3">
                    <div >
                       <Fluucal  :mechanism_id.sync="mechanism_id"></Fluucal>
                    </div>
                </div>
                <div class="cshowcontent" v-else-if="navindex==4">
                    <div class="Soldhead">
                        <div>
                            <h4>课程总数</h4>
                            <span>{{Statisticalinformation[0].map.history_total_num}}</span>
                        </div>
                        <div>
                            <h4>私教课程数</h4>
                            <span>{{Statisticalinformation[0].map.private_education_historyCount}}</span>
                        </div>
                        <div>
                            <h4>助学师课程数</h4>
                            <span>{{Statisticalinformation[0].map.single_class_history_num}}</span>
                        </div>
                        <div>
                            <h4>直播讲师课程数</h4>
                            <span>{{Statisticalinformation[0].map.open_class_history_num}}</span>
                        </div>
                    </div>
                    <div class="Whetherappointment">
                        <ul>
                            <li v-for="(item9,index9) in course" :key="index9" @click="courses(index9)" :class="courseindex == index9?'Whethercalss':''">
                                {{item9}}
                            </li>
                        </ul>
                    </div>
                    <div class="coursecontent">
                        <ul v-if="hisorycurse.length == 0" class="nodates">
                            <label>
                                <img src="/images/暂无课程安排.png" alt="">
                                <span>暂无历史课程</span>
                            </label>
                        </ul>
                        <ul v-else>
                            <li class="coursecontent-list" v-for="(item16,index16) in hisorycurse" :key="index16">
                                <div>
                                    <img :src="item16.cover" alt="">
                                </div>
                                <div>
                                    <h3>{{item16.map.userinfo.nick_name}}</h3>
                                    <label>
                                        <span class="but">上门课程</span>
                                        <span v-if="item16.age_grade =='Teenagers'">青少年</span>
                                        <span v-else-if="item16.age_grade =='Adult'">成年</span>
                                        <span v-else-if="item16.age_grade =='University Student'">大学生</span>
                                        <span v-else-if="item16.age_grade =='Childhood'">儿童</span>
                                        <span>{{item16.languageCh}}</span>
                                        <span v-if="item16.language_level =='Zero basis'">零基础</span>
                                        <span v-else-if="item16.language_level =='Senior'">高级</span>
                                        <span v-else-if="item16.language_level =='Intermediate'">中级</span>
                                        <span v-else-if="item16.language_level =='Primary'">初级</span>
                                    </label>
                                    <label>
                                        <span>{{item16.start_time}}</span>
                                        <span>{{item16.week}}</span>
                                    </label>
                                </div>
                                <div class="historycuserinfo">
                                    <span>收益</span>
                                    <span>查看评论</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="Lvie-cl-de-con-pagination">
                        <el-pagination background layout="prev, pager, next" :total="Statisticalinformation[0].map.schedule_total_num"></el-pagination>
                    </div>
                </div>
                <div class="cshowcontent" v-else-if="navindex==5"> 
                    <div class="orders">
                        <ul>                            
                            <li v-for="(item18,index18) in theOrider" :key="index18">
                                <div class="chess">
                                    <label class="hed">
                                        <div @click="tosijiao(item18)">
                                            <img :src="item18.map.userinfo.avatar" alt="">
                                            <span>{{item18.map.userinfo.nick_name}} ></span>
                                        </div>
                                        <div>
                                            <span v-if="item18.map.masterMechanismEntity.status ==2" @click="verification(item18)">核销</span>
                                            <span v-else>查看评论</span>
                                        </div>
                                    </label>
                                </div>
                                <div class="coninfos">
                                    <label>
                                        <img src="http://img.curiousmore.com/7a323fe2-f82a-6a4f-6503-76796585ce3b" alt="">
                                    </label>
                                    <label class="con-infos">
                                        <h5>{{item18.map.masterAppointmentEntity.title}}</h5>
                                        <div class="fit">
                                            <span>{{item18.languageCh}}</span>
                                            <span v-if="item18.map.masterAppointmentEntity.type =='mechanism_offline'">线下课程</span>
                                            <span v-else-if="item18.map.masterAppointmentEntity.type =='jointly_class'">联名课程</span>
                                        </div>
                                        <div class="sed">
                                            <label> 
                                                <span>￥{{item18.map.masterAppointmentEntity.discount_amout}}</span>
                                            <span>x1</span>
                                            </label>
                                            <label>
                                                <span>实付:</span>
                                                <span>x{{item18.map.masterAppointmentEntity.discount_amout}}</span>
                                            </label>
                                        </div>
                                    </label>
                                </div>
                            </li> 
                        </ul>
                    </div>
                </div>
                <div class="cshowcontent" v-else-if="navindex==7">
                    <div class="Soldhead">
                        <div>
                            <h4>总计</h4>
                            <span>{{Statisticalinformation[0].map.totalEarnings}}</span>
                        </div>
                        <div>
                            <h4>直播收益</h4>
                            <span>{{Statisticalinformation[0].map.liveEarnings	}}</span>
                        </div>
                        <div>
                            <h4>私教收益</h4>
                            <span v-if="Statisticalinformation[0].map.private_educationEarnings ==null">0</span>
                            <span v-else>{{Statisticalinformation[0].map.private_educationEarnings}}</span>
                        </div>
                        <div>
                            <h4>助学师收益</h4>
                            <span v-if="Statisticalinformation[0].map.masterEarnings ==null">0</span>
                            <span v-else>{{Statisticalinformation[0].map.masterEarnings}}</span>
                        </div>
                        <div>
                            <h4>课程收益</h4>
                            <span v-if="Statisticalinformation[0].map.mechanism_offlineEarnings ==null">0</span>
                            <span v-else>{{Statisticalinformation[0].map.mechanism_offlineEarnings}}</span>
                        </div>
                    </div>
                    <div class="Whetherappointment">
                        <ul>
                            <li v-for="(item5s,index5s) in earningsnavs" :key="index5s" @click="earning(index5s)" :class="earningsnavindex == index5s?'Whethercalss':''">
                                {{item5s}}
                            </li>
                        </ul>
                    </div>
                    <div class="earnings">
                        <div class="earningsday">
                            <el-date-picker
                                v-model="earningsdays"
                                type="month"
                                placeholder="选择月">
                            </el-date-picker>
                        </div>
                        <div class="earnings-contnet">
                            <ul>
                                <li>
                                    <div class="content-sencend">
                                        <label>
                                           <div>
                                                <span>课程</span>
                                                <img src="http://img.huihejituan.com/1595070827274.png" alt="">
                                                <span>话题交流</span>
                                           </div>
                                           <div>
                                                <span>老师</span>
                                                <img src="http://img.huihejituan.com/1595070827274.png" alt="">
                                                <span>布恩</span>
                                            </div>
                                        </label>
                                        <label>
                                            <span>总收益：</span>
                                            <span>礼物收益：</span>
                                            <span>学习卡收益：</span>                                      
                                        </label>
                                        <label>
                                            <span>2020-07-17 17:30:00</span>
                                        </label>
                                    </div>
                                    
                                    
                                </li>
                                <li>
                                    <div class="content-sencend">
                                        <label>
                                           <div>
                                                <span>课程</span>
                                                <img src="http://img.huihejituan.com/1595070827274.png" alt="">
                                                <span>话题交流</span>
                                           </div>
                                           <div>
                                                <span>老师</span>
                                                <img src="http://img.huihejituan.com/1595070827274.png" alt="">
                                                <span>布恩</span>
                                            </div>
                                        </label>
                                        <label>
                                            <span>总收益：</span>
                                            <span>礼物收益：</span>
                                            <span>学习卡收益：</span>                                      
                                        </label>
                                        <label>
                                            <span>2020-07-17 17:30:00</span>
                                        </label>
                                    </div>
                                    
                                    
                                </li>
                                <li>
                                    <div class="content-sencend">
                                        <label>
                                           <div>
                                                <span>课程</span>
                                                <img src="http://img.huihejituan.com/1595070827274.png" alt="">
                                                <span>话题交流</span>
                                           </div>
                                           <div>
                                                <span>老师</span>
                                                <img src="http://img.huihejituan.com/1595070827274.png" alt="">
                                                <span>布恩</span>
                                            </div>
                                        </label>
                                        <label>
                                            <span>总收益：</span>
                                            <span>礼物收益：</span>
                                            <span>学习卡收益：</span>                                      
                                        </label>
                                        <label>
                                            <span>2020-07-17 17:30:00</span>
                                        </label>
                                    </div>
                                    
                                    
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div v-else>
                <div class="cshowcontent" v-if="navindex==0">
                    <div class="gongh">
                        <label>
                            <h6>联系人姓名</h6>
                            <span>{{Agencyinformation[0].contacts}}</span>
                        </label>
                        <label>
                            <h6>联系人电话</h6>
                            <span>{{Agencyinformation[0].contact_telephone}}</span>
                        </label>
                        <label>
                            <h6>联系人职位</h6>
                            <span>{{Agencyinformation[0].contacts_title}}</span>
                        </label>
                    </div>
                </div>
                <div class="cshowcontent" v-else-if="navindex==1">
                    <div class="Soldhead">
                        <div>
                            <h4>老师总数</h4>
                            <span>{{Statisticalinformation[0].map.teachers_num}}</span>
                        </div>
                        <div>
                            <h4>私教</h4>
                            <span>{{Statisticalinformation[0].map.private_num}}</span>
                        </div>
                        <div>
                            <h4>直播讲师</h4>
                            <span>{{Statisticalinformation[0].map.live_num}}</span>
                        </div>
                        <div>
                            <h4>母语助学师</h4>
                            <span>{{Statisticalinformation[0].map.mother_tongue_num}}</span>
                        </div>
                        <div>
                            <h4>跨境助学师</h4>
                            <span>{{Statisticalinformation[0].map.cross_border_num}}</span>
                        </div>
                        <div>
                            <h4>专业助学师</h4>
                            <span>{{Statisticalinformation[0].map.major_master_num}}</span>
                        </div>
                    </div>
                    <div class="Whetherappointment">
                        <ul>
                            <li v-for="(item7,index7) in teachser" :key="index7" @click="Whethers(index7)" :class="teachserindex == index7?'Whethercalss':''">
                                {{item7}}
                            </li>
                        </ul>
                    </div>
                    <div class="coursecontent">
                        <ul>
                            <li class="coursecontent-list" v-for="(iiem11,index11) in teacherinformation" :key="index11">
                                <div>
                                    <img :src="iiem11.map.userinfo.avatar" alt="">
                                </div>
                                <div>
                                    <h3>{{iiem11.map.userinfo.nick_name}}</h3>
                                    <label>                                 
                                        <span class="fistcd">课程数：{{iiem11.map.classCount}}</span>
                                        <span>学生数:{{iiem11.map.studentCount}}</span>
                                        <span>中级</span>
                                    </label>
                                    <label class="teacherident">
                                        <span class="but" v-for="(item12,index12) in iiem11.map.masterInfoEntities1" :key="index12">{{item12.type}}</span>
                                        <!-- <span class="but">助学师</span> -->
                                        <!-- <span class="but">助学师</span> -->
                                        <!-- <span class="but">助学师</span> -->
                                    </label>
                                </div>
                                <div>
                                    <span v-if="iiem11.score == null">评分0.0</span>
                                    <span v-else>评分{{iiem11.score}}</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="Lvie-cl-de-con-pagination">
                        <el-pagination background layout="prev, pager, next" :total="1000"></el-pagination>
                    </div>
                </div>
                <div class="cshowcontent" v-else-if="navindex==2">
                    <div>
                      <!-- <FullCalendar defaultView="dayGridMonth" :plugins="calendarPlugins" /> -->
                    </div>
                </div>
                <div class="cshowcontent" v-else-if="navindex==3">
                    <div class="Soldhead">
                        <div>
                            <h4>课程总数</h4>
                            <span>2</span>
                        </div>
                        <div>
                            <h4>私教课程数</h4>
                            <span>3</span>
                        </div>
                        <div>
                            <h4>助学师课程数</h4>
                            <span>4</span>
                        </div>
                        <div>
                            <h4>直播讲师课程数</h4>
                            <span>4</span>
                        </div>
                    </div>
                    <div class="Whetherappointment">
                        <ul>
                            <li v-for="(item9,index9) in course" :key="index9" @click="courses(index9)" :class="courseindex == index9?'Whethercalss':''">
                                {{item9}}
                            </li>
                        </ul>
                    </div>
                    <div class="coursecontent">
                        <ul>
                            <li class="coursecontent-list">
                                <div>
                                    <img src="/images/图层 9.png" alt="">
                                </div>
                                <div>
                                    <h3>张三</h3>
                                    <label>
                                        <span class="but">上门课程</span>
                                        <span>儿童</span>
                                        <span>英语</span>
                                        <span>中级</span>
                                    </label>
                                    <label>
                                        <span>2020-07-04 09:00</span>
                                        <span>星期一</span>
                                    </label>
                                </div>
                                <div>
                                    <span>收益</span>
                                    <span>查看评论</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="Lvie-cl-de-con-pagination">
                        <el-pagination background layout="prev, pager, next" :total="1000"></el-pagination>
                    </div>
                </div>
            </div>
            <div v-show="Coursetoshow">
                <div class="login" v-if="cusreinfos !=''">
                    <div class="popupcontents">
                        <div class="covers">
                            <img :src="cusreinfos.cover" alt="">
                        </div>
                        <div class="tisy">
                            <h6>{{cusreinfos.title}}</h6>
                            <span>已有{{cusreinfos.connect_peoplenum}}人购买</span>
                        </div>
                        <div class="cursetyoe">
                        <span>{{cusreinfos.type}}</span> 
                        </div>
                        <div class="teach_program">
                            <h6>教学大纲</h6>
                            <span>{{cusreinfos.teach_program}}</span>
                        </div>
                        <div class="teach_program">
                            <h6>授课机构</h6>
                            <div class="incginfo" @click="Toagenc()"> 
                                <label v-if="cusreinfos.map.masterMechanismEntity.mechanism_logo !=undefined">
                                    <img :src="cusreinfos.map.masterMechanismEntity.mechanism_logo" alt="">
                                </label>
                                <label>
                                    <span>{{cusreinfos.map.masterMechanismEntity.mechanism_name}}</span>
                                    <span>{{cusreinfos.map.masterMechanismEntity.mechanism_telephone}}</span>
                                    <span>{{cusreinfos.map.masterMechanismEntity.mechanism_addr}}</span>
                                </label>
                            </div>
                        </div>
                        <div class="teach_program">
                            <h6>课程详情</h6>
                            <span>{{cusreinfos.introduction_content}}</span>
                            <ul class="thecoursedetails">
                                <li v-for="(itme3,index3) in Coursedetails" :key="index3">
                                    <el-image 
                                        style="width: 100px; height: 100px"
                                        :src="itme3" 
                                        :preview-src-list="Coursedetails"
                                        class="elimg">
                                    </el-image>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="over" @click="toclose"></div>
            </div>
        </div>
        
    </div>
</template>
<script>
import languageTranslate from '../../../public/citys/languages'
import Fluucal from './fluucalendar'
export default {
    name:'OrganizationManagementCenter',
    components:{
        Fluucal
    },
    data(){
        return{
            userinfo:JSON.parse(localStorage.getItem('userinfo')),
            Agencyinformation:[],
            nav:['机构简介','在售课程','外教','课程表','历史课程','订单','评价','收益'],
            navonline:['机构简介','外教','课程表','历史课程','评价'],
            //收益
            earningsnavs:['直播','私教','助学师','课程'],
            earningsnavindex:0,
            navindex:0,
            Textintroduction:'',
            introduction_pic:[],//图片简介
            support_means:[],
            WhetherappointmentList:['全部','联名课程','线下课程'],
            WhetherappointmentListindex:'',
            mechanism_id:'',
            currentPage:1,
            Soldincourse:[],
            teacherinformation:[],
            //老师数据
            teachser:['全部','私教','直播讲师','助学师'],
            teachserindex:0,
            //课程表数据
            course:['私教课程','助学师课程','直播课程'],
            courseindex:0,
            curriculums:[],
            Statisticalinformations:[],
            typeofs:'',
            hisorycurse:[],
            tables:new Date(),
            theOrider:[],
            earningsdays:new Date(),
            
            //弹窗
            Coursetoshow:false,
            cusreinfos:'',
            Coursedetails:[],
        }
    },
    mounted() {
        this.getInfos();
    },
   methods: {
        Statisticalinformation(){
            var data ={
                id : this.mechanism_id
            }
            this.$axios({
                method:'get',
                url:'http://101.37.66.151:8768/eg-api/user/mastermechanism/queryMechanismStatistics',
                params:data,
            }).then((res) =>{
                console.log(res.data.data,'信息统计')
                this.Statisticalinformation = res.data.data
            }).catch((error) =>{
                console.log(error)
            })
        },
        getInfos(){
            var data = {
                status:2,
                user_id:this.userinfo.user_id
            }
            this.$axios({
                method:'get',
                url:'http://101.37.66.151:8768/eg-api/user/mastermechanism/queryMechanismListPage',
                params:data,
            }).then((res) =>{
                
                this.Agencyinformation = res.data.data
                res.data.data.forEach(e => {
                    this.Textintroduction = e.mechanism_advantage
                    this.introduction_pic =e.introduction_pic.split(',')
                    this.support_means = e.support_means.split(',')
                    this.mechanism_id = e.id
                    console.log(this.introduction_pic)
                    this.typeofs = e.type
                    this.Statisticalinformation()
                });
            }).catch((error) =>{
                console.log(error)
            })
        },
        navsed(e){
            this.navindex =e
            if(this.navindex ==1){
                this.getsale()
            }else if(this.navindex ==2){
                this.Getteachers()
            }else if(this.navindex == 3){
               
            }else if(this.navindex == 4){
               this.Gethisorycurse()
            }else if(this.navindex == 5){
                this.Getorder()
            }
        },
        getsale(){//在售课程
            var data = {
                mechanism_id:this.mechanism_id,
                pageSize:12,
                currentPage:this.currentPage
            }
            this.$axios({
                method:'get',
                url:'http://101.37.66.151:8768/eg-api/user/masterAppointment/queryMechanismAppointmentListPage',
                params:data,
            }).then((res) =>{
                this.Soldincourse =res.data.data
                this.Soldincourse.forEach(e=>{
                    if(e.type == "jointly_class"){
                        e.type = "联名课程"
                    }else if(e.type == "mechanism_offline"){
                        e.type = "线下课程"
                    }
                })
            }).catch((error) =>{
                console.log(error)
            })
        },
        tosijiao(e){
            console.log(e)
            //views/Teachingcenters/Teachersdetails
            this.$router.push({ path:'/views/Teachingcenters/Teachersdetails',query: {NavListIndex : 0,routerData :e.user_id}})
        },
        Getteachers(){//老师
            var data = {
                mechanism_id:this.mechanism_id,
                pageSize:12,
                currentPage:this.currentPage,
                status:2,
                is_all:true,    
            }
            this.$axios({
                method:'get',
                url:'http://101.37.66.151:8768/eg-api/user/masterInfo/queryMechanismMasters',
                params:data,
            }).then((res) =>{
                console.log(res.data.data,'老师信息')
                this.teacherinformation = res.data.data
                this.teacherinformation.forEach(e=>{
                    e.map.masterInfoEntities1.forEach(i=>{
                        if(i.type=='live_lecturer'){
                            i.type = '直播课堂讲师'
                        }else if(i.type=='mother_tongue'){
                            i.type = '母语助学师'
                        }else if(i.type=='cross_border'){
                            i.type = '跨境助学师'
                        }else if(i.type=='major'){
                            i.type = '专业助学师'
                        }else if(i.type=='private_education'){
                            i.type = '私教'
                        }
                    })
                })
            }).catch((error) =>{
                console.log(error)
            })
        },
        Whether(e){
            this.WhetherappointmentListindex = e
            if(this.WhetherappointmentListindex ==0){
                this.getsale()
            }else if(this.WhetherappointmentListindex ==1){
                this.Soldincourse = []
                var data = {
                    mechanism_id:this.mechanism_id,
                    pageSize:12,
                    currentPage:this.currentPage,
                    type:'jointly_class'
                }
                this.$axios({
                    method:'get',
                    url:'http://101.37.66.151:8768/eg-api/user/masterAppointment/queryListPage',
                    params:data,
                }).then((res) =>{
                    console.log(res.data.data,'机构信息')
                    this.Soldincourse =res.data.data
                    this.Soldincourse.forEach(e=>{
                        if(e.type == "jointly_class"){
                            e.type = "联名课程"
                        }else if(e.type == "mechanism_offline"){
                            e.type = "线下课程"
                        }
                    })
                }).catch((error) =>{
                    console.log(error)
                })
            }else{
                this.Soldincourse = []
                var data = {
                    mechanism_id:this.mechanism_id,
                    pageSize:12,
                    currentPage:this.currentPage,
                    type:'mechanism_offline'
                }
                this.$axios({
                    method:'get',
                    url:'http://101.37.66.151:8768/eg-api/user/masterAppointment/queryListPage',
                    params:data,
                }).then((res) =>{
                    console.log(res.data.data,'机构信息')
                    this.Soldincourse =res.data.data
                    this.Soldincourse.forEach(e=>{
                        if(e.type == "jointly_class"){
                            e.type = "联名课程"
                        }else if(e.type == "mechanism_offline"){
                            e.type = "线下课程"
                        }
                    })
                }).catch((error) =>{
                    console.log(error)
                })
            }
        },
        addcurse(){
            this.$router.push({ path: "/views/Teachingcenters/addcurse",query: {mechanism_id: this.mechanism_id} });
        },
        Modify(){
             this.$router.push({ path: "/views/Teachingcenters/Modifymechanisminformation",query: {mechanism_id: this.mechanism_id} });
        },
        Whethers(e){
            this.teachserindex = e
            if(this.teachserindex ==0){
                this.Getteachers()
            }else{
                this.teacherinformation=[]
                if(this.teachserindex ==1){
                    var data = {
                        mechanism_id:this.mechanism_id,
                        pageSize:12,
                        currentPage:this.currentPage,
                        type:'private_education ',
                        status:2,
                    }
                }else if(this.teachserindex == 2){
                    var data = {
                        mechanism_id:this.mechanism_id,
                        pageSize:12,
                        status:2,
                        currentPage:this.currentPage,
                        type:'live_lecturer '
                    }
                }else{
                   var data = {
                        mechanism_id:this.mechanism_id,
                        pageSize:12,
                        currentPage:this.currentPage,
                        type:'',
                        status:2,
                    } 
                }
                this.$axios({
                method:'get',
                url:'http://101.37.66.151:8768/eg-api/user/masterInfo/queryMechanismMasters',
                params:data,
                }).then((res) =>{
                    console.log(res.data.data,'老师信息')
                    this.teacherinformation = res.data.data
                    this.teacherinformation.forEach(e=>{
                    e.map.masterInfoEntities1.forEach(i=>{
                        if(i.type=='live_lecturer'){
                            i.type = '直播课堂讲师'
                        }else if(i.type=='mother_tongue'){
                            i.type = '母语助学师'
                        }else if(i.type=='cross_border'){
                            i.type = '跨境助学师'
                        }else if(i.type=='major'){
                            i.type = '专业助学师'
                        }else if(i.type=='private_education'){
                            i.type = '私教'
                        }
                    })
                })
                }).catch((error) =>{
                    console.log(error)
                })
            }
        },
        addteacher(){
            this.$router.push({ path: "/views/Teachingcenters/addteacher",query: {mechanism_id: this.mechanism_id} });
        },
        courses(e){
            this.courseindex = e
            if(this.courseindex ==0){
                this.Gethisorycurse()
            }else if(this.courseindex ==1){
                var data ={
                    currentPage:this.currentPage,
                    mechanism_id:this.mechanism_id,
                    pageSize:8,
                }
                this.$axios({
                    method:'get',
                    url:'http://101.37.66.151:8768/eg-api/user/userAppointment/queryMasterHistoryListPage',
                    params:data,
                }).then((res) =>{
                    this.hisorycurse =res.data.data
                    console.log(res.data.data)
                }).catch((error) =>{
                    console.log(error)
                })
            }else{
                var data ={
                    currentPage:this.currentPage,
                    mechanism_id:this.mechanism_id,
                    pageSize:8,
                    type:'open_class'
                }
                this.$axios({
                    method:'get',
                    url:'http://101.37.66.151:8768/eg-api/user/masterAppointment/queryHistoryListPage',
                    params:data,
                }).then((res) =>{
                    console.log(res.data.data)
                    this.hisorycurse =res.data.data
                    this.hisorycurse.forEach(e=>{
                        var dateObject = new Date(e.start_time)
                        languageTranslate.languageTranslate.forEach(i=>{
                            console.log(i.value)
                            if(i.value == e.language){
                                e.languageCh = i.label
                            }
                        })
                        if(dateObject.getDay() ==0){
                            e.week = '星期天'
                        }else if(dateObject.getDay() ==1){
                            e.week = '星期一'
                        }else if(dateObject.getDay() ==2){
                            e.week = '星期二'
                        }else if(dateObject.getDay() ==3){
                            e.week = '星期三'
                        }else if(dateObject.getDay() ==4){
                            e.week = '星期四'
                        }else if(dateObject.getDay() ==5){
                            e.week = '星期五'
                        }else if(dateObject.getDay() ==6){
                            e.week = '星期六'
                        }
                    })
                    console.log(this.hisorycurse)
                }).catch((error) =>{
                    console.log(error)
                })
            }
        },
        Gethisorycurse(){
            var data ={
                currentPage:this.currentPage,
                master_type:'private_education',
                mechanism_id:this.mechanism_id,
                pageSize:8,
            }
            this.$axios({
                method:'get',
                url:'http://101.37.66.151:8768/eg-api/user/userAppointment/queryHistoryListPage',
                params:data,
            }).then((res) =>{
               console.log(res.data.data)
                this.hisorycurse =res.data.data
            }).catch((error) =>{
                console.log(error)
            })
        },
        Getorder(){//订单
            var data={
                mechanism_id:this.mechanism_id,
                pageSize:12,
                currentPage:this.currentPage
            }
            this.$axios({
                method:'get',
                url:'http://101.37.66.151:8768/eg-api/user/userAppointment/queryMyOrderListPage',
                params:data,
            }).then((res) =>{
                console.log(res.data.data)
                this.theOrider =res.data.data
                this.theOrider.forEach(e=>{
                    languageTranslate.languageTranslate.forEach(i=>{
                        if(i.value == e.map.masterAppointmentEntity.language){
                            e.languageCh = i.label
                        }
                    })
                })
            }).catch((error) =>{
                console.log(error)
            })
        },
        verification(e){

        },
        earning(e){
            console.log(e)
            this.earningsnavindex = e
        },
        getearnings(){
            
        },
        todeilal(item){
            this.cusreinfos =item
            console.log(this.cusreinfos)
            this.Coursedetails = item.map.masterMechanismEntity.support_means.split(',')
            console.log(this.Coursedetails,'0000')
            this.Coursetoshow = true
        },
        toclose(){
            this.Coursetoshow = false
        },
        Toagenc(){
            let routeData = this.$router.resolve({ path: "/views/Agencdetails",query: {id:this.cusreinfos.map.masterMechanismEntity.id,longitude:this.cusreinfos.map.masterMechanismEntity.longitude,latitude:this.cusreinfos.map.masterMechanismEntity.latitude} });
            window.open(routeData.href, '_blank');
        },
        Personal(e){
            console.log(e)
        },
        getMonth(type, months) {
            var d = new Date();
            var year = d.getFullYear();
            var month = d.getMonth() + 1;
            if (Math.abs(months) > 12) {
                months = months % 12;
            };
            if (months != 0) {
                if (month + months > 12) {
                    year++;
                    month = (month + months) % 12;
                } else if (month + months < 1) {
                    year--;
                    month = 12 + month + months;
                } else {
                    month = month + months;
                };
            };
            month = month < 10 ? "0" + month: month;
            var date = d.getDate();
            var firstday = year + "-" + month + "-" + "01";
            var lastday = "";
            if (month == "01" || month == "03" || month == "05" || month == "07" || month == "08" || month == "10" || month == "12") {
                lastday = year + "-" + month + "-" + 31;
            } else if (month == "02") {
                if ((year % 4 == 0 && year % 100 != 0) || (year % 100 == 0 && year % 400 == 0)) {
                    lastday = year + "-" + month + "-" + 29;
                } else {
                    lastday = year + "-" + month + "-" + 28;
                };
            } else {
                lastday = year + "-" + month + "-" + 30;
            };
            var day = "";
            if (type == "s") {
                day = firstday;
            } else {
                day = lastday;
            };
            return day;
        },
    }
}
</script>
<style lang="less" scoped>
    .OrganizationManagementCenter{
        position: relative;
        background: #ffffff;
        border-radius: 20px;
        min-height: 1041px;
        // display: flex;
        // flex-wrap: wrap;
    }
    .Agencyinformation{
        position: relative;
        width:1030px;
        height:211px;
        margin: 0 auto;
        top: 50px;
        background-image: linear-gradient(#539fa0, #008485);
        border-radius: 20px;

    }
    .contents{
        margin-top: 100px;
    }
    //头部机构信息样式
    .infos{
        position: relative;
        width: 90%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
    }
    .infoleft{
        width: 50%;
        height: 60%;
        display: flex;
        align-items: center;
        div{
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }
        img{
            width: 158px;
            height: 131px;
            border-radius: 15px;
        }
    }
    .Modify{
        position:absolute;
        right: 0%;
        top: 20px;
        width:72px;
        height:27px;
        border:1px solid rgba(255,255,255,1);
        border-radius:6px;
        display: flex;
        align-items: center;
        justify-content: center;
        span{
            display: inline-block;
            color: #FFFFFF;
            font-size: 12px;
            text-align: center;
            cursor: pointer;
        }
    }
    .infoleft-tile{
        margin-left: 20px;
        h2{
            width: 100%;
            margin: 0;
            color: #FFFFFF;
            font-size: 22px;
        }
        span{
            display: inline-block;
            width: 100%;
            margin-top: 6px;
            color: #FFFFFF;
            font-size: 14px;
        }
    }
    .inforight{
        width: 50%;
        height: 60%;
        display: flex;
        // align-items: center;
        flex-wrap: wrap;
        label{
            display: flex;
            width: 100%;
            height: 40px;
            flex-wrap: wrap;
            align-items: center;
            &:last-child{
                span{
                    &:last-child{
                        text-align: right;
                    }
                }
            }
            span{
                width: 33%;
                // margin-left: 40px;
                color: #FFFFFF;
                font-size: 14px;
            }
        }
    }
    //头部机构信息样式end
    //导航样式
    .navs{
        position: relative;
        width:1030px;
        margin: 0 auto;
        border-bottom: 1px solid rgba(231,231,231,1);;
        ul{
            width: 100%;
            display: flex;
            padding: 0;
            list-style: none;
            li{
                margin-left: 20px;
                color: #A5A5A5;
                font-size: 16px;
                cursor: pointer;
            }
        }
    }
    .navsed{//导航选中样式
        color: #2A2A2A!important;
        font-weight: bold;
    }
    .addcurse{
        display: inline-block;
        margin-left: auto;
        width:124px;
        height:30px;
        background:rgba(45,199,199,1);
        text-align: center;
        line-height: 30px;
        border-radius:15px;
        color: #FFFFFF;
        font-size: 14px;
        cursor: pointer;
    }
    //导航样式end
    //机构简介样式
    .cshowcontent{
        position: relative;
        width:1030px;
        margin: 0 auto;
        h2{
            color: #3E3E3E;
            font-size: 14px;
        }
        p{
            color: #C9C9C9;
            font-size: 14px;
            margin-top: 40px;
            margin-bottom: 40px;
        }
        ul{
            width: 100%;
            list-style: none;
            padding: 0;
            display: flex;
            margin-top: 30px;
        }
        li{
            margin-left: 20px;
        }
    }
    //end
    //在售课程样式
    .Soldhead{
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 40px;
        div{
            margin-left: 20px;
            display: flex;
            flex-wrap: wrap;
            align-items: center; 
            justify-content: center;
            h4{
                width: 100%;
                color: #2E2E2E;
                font-size: 16px;
                margin: 0;
            }
            span{
                color: #AAAAAA;
                font-size: 18px;
                margin-top: 10px;
            }
        }
    }
    .Whetherappointment{
        display: flex;
        width: 100%;
        ul{
            position: relative;
            width: 30%;
            margin: 0 auto;
            display: flex;
            margin-top: 40px;
            height: 40px;
            align-items: center;
            justify-content: center;
            padding: 0;
            list-style: none;
            border:1px solid rgba(71,206,207,1);
            border-radius:22px;
            li{
                width: 33%;
                height: 40px;
                line-height: 40px;
                text-align: center;
                color: #47CECF;
                font-size: 16px;
                cursor: pointer; 
                margin: 0;
            }
        }
    }
    .Whethercalss{
        border:1px solid rgba(71,206,207,1);
        border-radius:22px;
        color: #ffffff!important;
        background: #47CECF;
        
    }
    .facultys>.el-row{
        padding-bottom: 100px;
    }
    .facultys>.el-row>.el-col{
        width: 235px;
        margin-left: 20px;
        margin-top: 30px;
        border: 1px solid #47CECF;
        overflow: hidden;
        border-radius: 10px;
        &:nth-child(1),&:nth-child(5),&:nth-child(9){
            margin-left: 0;
        }
    }
    .Lvie-cl-de-con-footer{
        padding-top: 100px;
    }
    .el-card__body>img{
        width: 100%;
        height: 157px;
        overflow: hidden;
    }
    .facultys-title{
        display: block;
        width: 100%;
        color: #555555;
        font-size: 18px;
        font-weight: bold;
    }
    .facultys-price{
        display: block;
        width: 100%;
        margin-top: 10px;
        span{
            &:first-child{
                color: #FA5353;
                font-size: 18px;
            }
            &:last-child{
                color: #CDCDCD;
                margin-left: 20px;
                text-decoration: line-through;
            }
        }
    }
    .bottom{
        position: relative;
        width: 100%;
        margin-top: 10px;
        display: flex;
    }
    .bottom>span{
        margin-left: 20px;
        color: #CDCDCD;
        font-size: 14px;
    }
    .button{
        width:71px;
        height:24px;
        display: flex;
        align-items: center;
        justify-content: center;
        border:1px solid rgba(255,157,61,1);
        color: #FF9D3D;
        border-radius:12px;
        span{
            line-height: 24px;
        }
    }
    //end
    .Lvie-cl-de-con-pagination{
        position: relative;
        width: 100%;
        height: 100px;
        margin-top: 100px;
        margin-bottom: 40px;
        display: flex;
        justify-content: flex-end;
        margin-right: 100px;
    }

    //课程表样式
    .coursecontent{
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 40px;
        ul{
            width: 100%;
            list-style: none;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            li{
                width: 490px;
                border: 1px solid #47CDCF;
                height: 140px;
                border-radius: 20px;
                margin-top: 30px;
            }
        }
    }
    .coursecontent-list{
        display: flex;
        align-items: center;
        div{
            &:nth-child(1){
                width: 26%;
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
            }
            &:nth-child(2){
                width: 56%;
                display: flex;
                flex-wrap: wrap;
                // align-items: center;
                justify-content: space-between;
                h3{
                    margin: 0;
                }
                label{
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    span{
                        display: inline-block;
                        height: 20px;
                        line-height: 20px;
                        font-size: 12px;
                        margin-left: 14px;
                        margin-top: 14px;
                    }
                    .but{  
                        margin-left: 0;
                        border:1px solid #ff9d3d;
                        border-radius: 10px;
                        width: 100px;
                        font-size: 8px;
                        -webkit-transform-origin-x: 0;
                        -webkit-transform: scale(0.75);
                        text-align: center;
                        color: #ff9d3d;
                    }
                }
            }
            &:nth-child(3){
                width: 20%;
                display: flex;
                justify-content: flex-end;
                margin-bottom: auto;
                margin-right: 20px;
                margin-top: 20px;
                font-size: 12px;
                color: #FA5353;
            }
        }
        img{
            width: 100px;
            height: 100px;
        }
    }
    //end
    //教师样式
    .teacherident{
        overflow: hidden;
    }
    .fistcd{
        margin-left: 0!important;
    }
    //end
    .nodates{
        position: relative;
        width: 100%;
        height: 400px;
        display: flex;
        align-items: center;
        justify-content: center;
        label{
            width: 100%;
            text-align: center;
            flex-wrap: wrap;
            img{
                width: 63px;
                height: 51px;
            }
        }
        span{
            display: inline-block;
            width: 100%;
            color: #e7e7e7;
            margin-top: 10px;
        }
    }
    .gongh{
        position: relative;
        width: 100%;
        margin-top: 20px;
        label{
            display: flex;
            align-items: center;
            height: 40px;
            h6{
                margin: 0;
                font-size: 14px;
                font-weight: normal;
            }
            span{
                font-size: 12px;
                color: #A5A5A5;
                margin-left: 40px;
            }
        }
    }
    .historycuserinfo{
        width: auto!important;
        span{
            display: inline-block;
            margin-left: 4px;
            cursor: pointer;
            color: #28C1C2!important;
        }
    }

    //订单样式
    .orders{
        position: relative;
        width: 100%;
        ul{
            display: flex;
            width: 100%;
            flex-wrap: wrap;
            list-style: none;
            padding: 0;
            flex-wrap: wrap;
            li{
                width: 45%;
                height: 160px;
                background: #eeeeee;
                border-radius: 10px;
                margin-top: 20px;
            }
        }
    }
    .chess{
        position: relative;
        width: 90%;
        margin: 0 auto;
    }
    .hed{
        display: flex;
        width: 100%;
        margin-top: 10px;
        align-items: center;

        div{
            &:first-child{
                display: flex;
                align-items: center;
                cursor: pointer;
                span{
                    margin-left: 20px;
                    font-size: 14px;
                    color: #000;
                    font-weight: bold;
                }
            }
            &:last-child{
                display: flex;
                margin-left: auto;
                span{
                    display: inline-block;
                    width: 80px;
                    text-align: center;
                    height: 30px;
                    line-height: 30px;
                    background:#47cecf;
                    border-radius: 20px;
                    color: #ffffff;
                    font-size: 12px;
                    cursor: pointer;
                }
            }
        }
        img{
            width: 40px;
            height: 40px;
            border-radius: 40px;
        }
    }
    .coninfos{
        position: relative;
        width: 90%;
        margin: 0 auto;
        margin-top: 20px;
        display: flex;
        img{
            width: 70px;
            height: 70px;
            border-radius: 10px;
        }
    }
    .con-infos{
        display: flex;
        flex-wrap: wrap;
        margin-left: 20px;
        h5{
            width: 100%;
            margin: 0;
            font-size: 16px;
        }
        div{
            width: 100%;
        }
    }
    .fit{
        span{
            &:first-child{
                color: #a7a7a7;
                font-size: 14px;
            }
            &:last-child{
                display: inline-block;
                font-size: 12px;
                color: #FF9D3D;
                width: 70px;
                height: 16px;
                text-align: center;
                border: 1px solid #FF9D3D;
                border-radius: 20px;
                margin-left: 20px;
            }
        }
    }
    .sed{
        display: flex;
        align-items: center;
        label{
            &:first-child{
                span{
                    &:first-child{
                        font-weight: bold;
                        font-size: 14px;
                    }
                    &:last-child{
                        font-size: 12px;
                        color: #a1a1a1;
                        margin-left: 10px;
                    }
                }
            }
            &:last-child{
                margin-left: auto;
                span{
                   &:first-child{
                        font-size: 14px;
                    }
                    &:last-child{
                        font-size: 12px;
                         font-weight: bold;
                        margin-left: 10px;
                    } 
                }
            }
        }
    }
    //end
    //收益样式
    .earningsday{
        position: relative;
        width: 100%;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 40px;
        cursor: pointer;
    }
    .earnings-contnet{
        position: relative;
        width: 100%;
        ul{
            list-style: none;
            display: flex;
            padding: 0;
            width: 100%;
            flex-wrap: wrap;
            li{
                width: 45%;
                height: 140px;
                background: #eaeaea;
                border-radius: 10px;
                margin-top: 20px;
                cursor: pointer;
                img{
                    width: 40px;
                    height: 40px;
                }
            }
        }
    }
    .content-sencend{
        position: relative;
        width: 90%;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        cursor: pointer;
    }
    .content-sencend>label{
        position: relative;
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        margin-top: 6px;
        font-size: 14px;
        margin-top: 15px;
        cursor: pointer;
        div{
            display: flex;
            align-items: center;
            cursor: pointer;
            &:last-child{
                margin-left: auto;
            }
        }
        span{
            &:first-child{
                font-weight: bold;
            }
        }
        img{
            margin-left: 10px;
            margin-right: 10px;
            border-radius: 10px;
        }
    }
    //end
     /*弹窗样式*/
  .login {
    position: fixed;
    font-size: 24px;
    height: 700px;
    width: 400px;
    border-radius:10px;
    background-color: #ffffff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2405;
  }
  .over{
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    filter: alpha(opacity=70);
    top: 0;
    left: 0;
    z-index: 1002;
    background-color: #111111;
  }
  .popupcontents{
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
  }
  .popupcontents>#map{
    width: 1063px;
    height: 576px;
    overflow: hidden;
    border-radius: 20px;
  }

  //
  .covers{
      img{
          width: 400px;
          height: 200px;
      }
     
  }
  .tisy{
        position: relative;
        width: 90%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        margin-top: 20px;
      h6{
          margin: 0;
          font-size: 14px;
      }
      span{
          margin-left: auto;
          font-size: 12px;
          color: #e6e6e6;
      }
  }
  .cursetyoe{
        position: relative;
        width: 90%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        margin-top: 20px;
        span{
            width:71px;
            height:24px;
            display: flex;
            align-items: center;
            justify-content: center;
            border:1px solid rgba(255,157,61,1);
            color: #FF9D3D;
            border-radius:12px; 
            font-size: 12px;
        }
    }
    .teach_program{
        position: relative;
        width: 90%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        margin-top: 20px;
        flex-wrap: wrap;
        h6{
            width: 100%;
            margin: 0;
            font-size: 14px;
        }
        span{
            font-size: 12px;
            color: #eaeaea;
            margin-top: 20px;
        }
    }
    .incginfo{
        position: relative;
        width: 100%;
        margin: 0 auto;
        height: 80px;
        margin-top: 20px;
        background: #eeeeee;
        border-radius: 10px;
        display: flex;
        align-items: center;
        cursor: pointer;
        img{
            width: 60px;
            height: 60px;
            border-radius: 10px;
            cursor: pointer;
        }
        label{
            display: flex;
            flex-wrap: wrap;
            cursor: pointer;
            &:nth-child(2){
                margin-left: 20px;
            }
           span{
               width: 100%;
                color: #000;
                margin: 4px;
           }
        }
    }
    .thecoursedetails{
        display: flex;
        width: 100%;
        list-style: none;
        margin: 0;
        padding: 0;
        li{
            margin-left: 20px;
        }
    }
    .elimg{
    /deep/.el-icon-circle-close {
      color: white;
    }
}
</style>
